@ layout("/layout.html"){
<div class="container border">
    <div class="grid">
        <div class="row">
            <div class="span4 bg-dark padding15">
                <div class="icon" style="height: 60px;width: 60px;float:left;margin-left:8px;margin-top:5px"><img src="${base}/img/block2.png"></div>
                <div style="width:160px;height:50px;margin-left:90px;margin-top:10px;text-align:center"><h2 class="fg-white" style="padding-top:8px;">${module_name}</h2></div>
            </div>
        </div>
    </div>

    <div class="tile-group eight double-vertical padding15">

        @ for(topic in topicPage.list!){
        <div class="tile quadro bg-cyan emails" onclick="location='${base}/topic/${topic.id}'">
            <div class="tile-content email">
                <div class="cycle email-image ">
                    <img src="${topic.user.headImg!}" onclick="location='${base}/user/${topic.userID!}'">
                </div>
                <div class="email-data">
                    <span class="email-data-title fg-white">${topic.user.username!}</span>
                    <span class="email-data-text fg-dark">${topic.content}</span>
                </div>
                <div class="place-bottom-right padding15"><span class="icon-calendar"></span><span class="text-bold">${printTime(topic.createTime)}</span>
                </div>
                <div class="place-bottom-left padding15">
                    <span class="icon-star-3" style="padding-left:30px"></span> <span
                        class="text-bold">${topic.pv}</span>
                    <span class="icon-comments" style="padding-left:30px"></span> <span class="text-bold">${topic.postCount}</span>
                </div>
            </div>
        </div>
        @ }
    </div>
    <div  style="margin-left: 40%">
        @ include("/paginate.html",
        @ {"currentPage":topicPage.pageNumber,"totalPage":topicPage.totalPage,"actionUrl":actionUrl!}) {}
    </div>

</div>
@}
